<!doctype html>
<html lang="en">
  <head>
    <script type="module" crossorigin src="/frontend-mini-challenges/css/assets/index-NpVZtwqQ.js"></script>
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/css/assets/navbar-C7CEKbuS.js">
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/css/assets/header-B517VqJC.js">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/css/assets/navbar-Dkne97UN.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/css/assets/header-DAZPOirm.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/css/assets/index-48Efnka8.css">
  </head>
  <body>
    <div class="container text-center">
      <div id="starContainer" class="star-container"></div>
      <output id="starRating"></output>
      <div>
        <input type="range" id="range" min="0" max="5" step="0.1" />
      </div>
    </div>
  </body>
</html>
